<% include index-head.html  %>
    <div class="main">
        <div class="py-container">
            <div class="crumb-wrap">
                <!-- <ul class="sui-breadcrumb">
                    <li><a href="#">手机、数码、通讯</a></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">Apple苹果</a></li>
                    <li class="active">iphone 6S系类</li>
                </ul> -->
            </div>
            <!--product-info-->
            <div class="product-info">
                <div class="fl preview-wrap">
                    <!--放大镜效果-->
                    <div class="zoom">
                        <!--默认第一个预览-->
                        <div id="preview" class="spec-preview">
                            <img class="xzoom" xoriginal="<%=alldata.item_img%>" src="<%=alldata.item_img%>" width="100%">
                        </div>
                    </div>
                </div>
                <div class="fr itemInfo-wrap">
                    <div class="sku-name">
                        <h4 id="biaoti"><%=alldata.attr%></h4>
                    </div>
                    <div class="summary">
                        <div class="summary-wrap">
                            <div class="fl title"><i>价　　格</i></div>
                            <div class="fl price"><i>¥</i><em><%=alldata.pice%></em> <s>降价通知</s></div>
                            <div class="fr remark"><i>累计评价</i><em>612188</em></div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title"><i>促　　销</i></div>
                            <div class="fl price">
                                <span>加价购</span>
                                <div class="summary-wrap-text">满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换购热销商品</div>
                                <a href="#">详情</a>
                            </div>
                        </div>
                    </div>
                    <div class="support">
                        <div class="summary-wrap">
                            <div class="fl title"><i>支　　持</i></div>
                            <div class="fl fix-width"><em class="t-gray">以旧换新，闲置手机回收 4G套餐超值抢 礼品购</em></div>
                        </div>
                        <div class="summary-wrap">
                            <div class="fl title"><i>配 送 至</i></div>
                            <div class="fl fix-width">
                                <div class="adds">

                                </div>
                                <em class="t-gray"><i class="iconfont"></i>支持 99元免运费 |货到付款 |限时达 </em>
                            </div>
                            <div class="fl "><em class="t-gray">由自营发货，并提供售后服务。11:00前完成下单，预计<strong>明天 送达</strong></em></div>
                        </div>
                    </div>
                    <div class="clearfix choose" >

                        <div id="specification" class="summary-wrap clearfix">
                            <% for(var i =0 ;i< alldata.item_data.length;i++){%>
                            <dl>

                                <dt class="fl title"><i><%=alldata.item_data[i][0]%></i></dt>
                                <dd class="btn-group" >
                                    <% for(var j =1 ;j< alldata.item_data[i].length;j++){%>
                                    <a  class="btn "><%=alldata.item_data[i][j]%></a>
                                    <%}%>
                                </dd>
                            </dl>
                            <%}%>
<!--                            <dl>
                                <dt class="fl title"><i></i></dt>
                                <dd  class="btn-group">
                                    <a href="#" class="selected btn">公开版</a>
                                    <a href="#" class="btn">移动4G</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt class="fl title"><i>内存容量</i></dt>
                                <dd class="btn-group">
                                    <a href="#" class="selected btn">16G</a>
                                    <a href="#" class="btn">64G</a>
                                    <a href="#" class="btn">128G</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt class="fl title"><i>购买方式</i></dt>
                                <dd class="btn-group">
                                    <a href="#" class="selected btn">官方标配</a>
                                    <a href="#" class="btn">移动优惠购</a>
                                    <a href="#" class="btn">电信优惠购</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt class="fl title"><i>套　　装</i></dt>
                                <dd class="btn-group">
                                    <a href="#" class="selected btn">保护套装</a>
                                    <a href="#" class="btn">充电套装</a>
                                </dd>
                            </dl>-->
                        </div>

                        <div class="summary-wrap">
                            <div class="controls">
                                <input autocomplete="off" type="text" value="1" minnum="1" class="itxt">
                                <a  class=" plus" id="plus">+</a>
                                <a  class=" mins" id="mins">-</a>
                            </div>
                            <a  class="btn  btn-danger addshopcar" id="addcart">加入购物车</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--product-detail-->
            <div class="clearfix product-detail">
                <!--详情左边-->
                <div class="fl aside">
                    <ul class="nav nav-tabs tab-wraped">
                        <!-- 第一个 -->
                        <li class=" asideLi active">
                            <a href="#index" data-toggle="tab"><span>相关分类</span></a>
                        </li>
                        <!-- 第二个 -->
                        <li class="asideLi">
                            <a href="#profile" data-toggle="tab"><span>推荐品牌</span></a>
                        </li>
                    </ul>
                    <div class="tab-content tab-wraped">
                        <!-- 第一个 -->
                        <div id="index" class="tab-pane active ">
                            <ul class="part-list unstyled">
                                <li>手机</li>
                                <li>手机壳</li>
                                <li>内存卡</li>
                                <li>Iphone配件</li>
                                <li>贴膜</li>
                                <li>手机耳机</li>
                                <li>移动电源</li>
                                <li>平板电脑</li>
                            </ul>
                            <ul class="goods-list unstyled">
                                <li>
                                    <div class=""><img src="uploads/mobile.png"></div>
                                    <div class="attr"><em>Apple苹果iPhone 6s (A1699)</em></div>
                                    <div class="price"><strong>￥6888</strong></div>
                                    <!--<div class="operate"><a href="#" class="btn btn-bordered">加入购物车</a></div>-->
                                </li>
                            </ul>
                        </div>
                        <!-- 第二个 -->
                        <div id="profile" class="tab-pane ">
                            <p>推荐品牌</p>
                        </div>
                    </div>
                </div>
                <!--详情右边-->
                <div class="fr detail">
                    <!--第一行tab-->
                    <ul class="sui-nav nav-tabs tab-wraped">
                        <li class="active asideLi"><a href="#one" data-toggle="tab"><span>商品介绍</span></a></li>
                        <li class="asideLi"><a href="#two" data-toggle="tab"><span>规格与包装</span></a></li>
                        <li class="asideLi"><a href="#three" data-toggle="tab"><span>售后保障</span></a></li>
                        <li class="asideLi"><a href="#four" data-toggle="tab"><span>商品评价</span></a></li>
                    </ul>
                    <!--第二行tab-->
                    <div class="tab-content tab-wraped">
                        <!--第一个窗口-->
                        <div id="one" class="tab-pane active">
                            <!--详情文字介绍-->
                            <ul class="goods-intro unstyled">
                                <li>分辨率：1920*1080(FHD)</li>
                                <li>后置摄像头：1200万像素</li>
                                <li>前置摄像头：500万像素</li>
                                <li>核 数：其他</li>
                                <li>频 率：以官网信息为准</li>
                                <li>品牌： Apple</li>
                                <li>商品名称：APPLEiPhone 6s Plus</li>
                                <li>商品编号：1861098</li>
                                <li>商品毛重：0.51kg</li>
                                <li>商品产地：中国大陆</li>
                                <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                                <li>系统：苹果（IOS）</li>
                                <li>像素：1000-1600万</li>
                                <li>机身内存：64GB</li>
                            </ul>
                            <!--详情图片显示-->
                            <div class="intro-detail">
                                <img src="uploads/intro01.png">
                                <img src="uploads/intro02.png">
                                <img src="uploads/intro03.png">
                            </div>
                        </div>
                        <!--第二个窗口-->
                        <div id="two" class="tab-pane">
                            <p>规格与包装</p>
                        </div>
                        <!--第三个窗口-->
                        <div id="three" class="tab-pane">
                            <p>售后保障</p>
                        </div>
                        <!--第四个窗口-->
                        <div id="four" class="tab-pane">
                            <p>商品评价</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="javascripts/item.js"></script>
<% include index-footer.html %>
